﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var date = new Date();
            $("#d15").val(date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate());
            $("#d15").change(function () {
                $("#ddlylbxid").change();
            });
            $.post("loger.ashx/getyblist", {}, function (json) {
                for (var item in json) {
                    $("#ddlylbxid").append("<option value='" + json[item].name + "'>" + json[item].name + "</option>");
                }
            }, "json");
            $("#ddlylbxid").change(function () {
                $.post("loger.ashx/getloglist", { ylbxid: this.value, date: $("#d15").val() }, function (json) {
                    for (var item in json) {
                        var item = json[item];
                        var html = "<tr><td><a href='javascript:;'>" +
                        item.name + "</a></td><td>" +
                        item.size + "KB</td></tr>";
                        $("#rows").append(html);
                    }
                }, "json");
            });
        });
    </script>
    <style type="text/css">
        .dttable
        {
            width: 95%;
            border: #c4d9ee 1px solid;
            border-collapse: collapse;
            vertical-align: middle;
            margin-top: 5px;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 5px;
        }
        .dttable td
        {
            width: 50%;
            padding-left: 8px;
            padding-top: 10px;
            padding-bottom: 8px;
            border-top: #c4d9ee 1px solid;
            border-left: #c4d9ee 1px solid;
        }
        .dttable td:hover
        {
            background-color: #c4d9DD;
        }
        a
        {
            text-decoration: none;
            padding-right: 10px;
        }
        a:hover
        {
            font-weight: bold;
        }
        .datagrid-body
        {
            margin: 0;
            padding: 0;
            overflow: auto;
        }
        .btnedit
        {
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div>
        <table border="0" class="dttable" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="2">
                    <select id="ddlylbxid">
                    </select>
                    <input class="Wdate" type="text" id="d15" onfocus="WdatePicker({isShowClear:false,readOnly:true})" />
                </td>
            </tr>
            <tr>
                <td>
                    日期
                </td>
                <td>
                    大小
                </td>
            </tr>
            <tbody id="rows">
            </tbody>
        </table>
    </div>
</body>
</html>
